指令是什麼呢？就是一切看到 v- 開頭的東西，它是由 Vue 提供的特殊 attribute ，他使用的位置是位於模板的 DOM 標籤上，執行特定的任務

有哪些好用的指令呢

• v-text 和 v-html
v-text 會更新 DOM 的 textContent，但不能渲染 HTML，欲插入 HTML 請使用下面的指令
  v-text 會更新 DOM 的 innerHTML，所以會直接插入 HTML

注意
直接插入 HTML 可能導致 XSS攻擊，所以一定要要插入信任的來源，絕對不可以插入由客戶端提供的內容

• v-show 和 v-if

相同的地方

• 這兩個指令都是與顯示元素與隱藏元素有關
• 皆可以觸發動畫過度 transitions

差異之處

• v-show 的顯示與隱藏是切換 css 的 display 屬性，v-if 則會銷毀元素，如果是在 component 上使用
  則會銷毀數據綁定銷毀 component 並觸發 destroy 生命鉤子
• v-if 可以搭配 v-else v-if-else一同使用，注意他們必須在相鄰的元素上使用

<div v-if="ttrue"></div>
<div v-else></div>

• v-for
  當有一個數據需要迭代渲染時使用，可以迭代 Array | Object | number | string | Iterable

建議
搭配 key attribute 使用

注意
v-for 也可以迭代原生的 map set，但目前不支援這兩個項目的響應，所以無法自動偵測他們的變更